// 完成注册功能
$('#btn-register').click(async (e) => {
  // jquery使用serialize方法  获取的值字符串,不好拿里面的值,这个用原生语法写
  //   const data = $('.register-form').serialize({ hash: true, empty: true })
  const data = serialize(document.querySelector('.register-form'), { hash: true, empty: true })
  console.log(data)
  //   判断用户名和密码是否符合要求
  if (!data.username || !data.password) {
    return showToast('用户名和密码不能为空')
  }
  if (data.username.length < 8 || data.username.length > 30) {
    console.log()
    return showToast('用户名不符合要求')
  }
  if (data.password.length < 6 || data.password.length > 30) {
    return showToast('密码不符合要求')
  }
  //符合要求的话就发送请求
  //   这里的data=上面的data而且正好是对象格式,所以就不需要在进行传入参数了
  const res = await axios.post('/register', data)
  //   console.log(res)
  showToast(res.message)
  //   登录跳转页面
  setInterval(() => {
    location.href = './login.html'
  }, 1000)
})
